/*
DOM操作
1、捕获元素（类似css选择器）
document.querySelector() 捕获单个元素
document.querySelectorAll()捕获多个元素
2、注册事件（点击事件、鼠标滑动事件等）
获取到的元素.addEventListener("click",function(){});
可以绑定多个事件

获取的元素.onclick=function(){
    // 打印1
}
获取的元素.onclick=function(){
    // 打印2
}
这样会覆盖前面的事件



3、打印结果 console.log()
*/ 
// console.log(document.querySelectorAll("ul li"));
// 捕获大图元素
var bigImg=document.querySelector(".photo img");
var imgList=document.querySelectorAll("ul li img");
for(let i=0;i<imgList.length;i++){
    imgList[i].addEventListener("click",function(){
    bigImg.src=imgList[i].src;
    });
}

/* for(var i=0;i<imgList.length;i++){
    (function(k){
        for(var i=0;i<imgList;i++){
            imgList[k].addEventListener('click',function(){
                bigImg.src=imgList[k].src;
            })
        }
    })(i);
}
*/


